<!DOCTYPE html>
<html lang="zh">

<head>
    <meta charset="UTF-8">
    <meta content="最热前端框架,爱尚博客,前端趋势,微信小程序制作,小程序教程,前端怎么做app,app制作,网站开发,靠谱的网站开发,app开发,小程序开发,小程序开发多少钱,app开发多少钱,网站开发多少钱"
        name="Keywords">
    <meta name="description" content="爱尚博客-让前端萌新少走弯路的博客！" />
    <meta name="viewport"
        content="width=device-width, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0, user-scalable=no" />
    <title>爱尚博客-订阅中心</title>
    <link href="https://fonts.googleapis.com/css?family=Inconsolata" rel="stylesheet">
    <link rel="stylesheet" href="https://cdn.bootcss.com/material-design-icons/3.0.1/iconfont/material-icons.css">
    <script src="../common/public.js"></script>
    <link rel="stylesheet" href="../common/m.css">
    <link rel="stylesheet" href="../assets/css/Subscribe.css">
    <script src="https://cdn.bootcss.com/jquery/3.3.1/jquery.min.js"></script>
</head>

<body>
    <div class="cont"></div>
    <div class="box" v-cloak>
        <div class="cont1">
            <mu-container>
                <mu-form ref="form" :model="validateForm" class="mu-demo-form">
                    <mu-form-item label="邮箱" prop="email" :rules="usernameRules">
                        <mu-text-field v-model="validateForm.email" prop="email" placeholder="请输入邮箱..." @keyup="set_yan"
                            @blur="set_yan"></mu-text-field>
                    </mu-form-item>
                    <mu-form-item label="昵称" prop="name" :rules="passwordRules">
                        <mu-text-field v-model="validateForm.name" prop="name" placeholder="请输入昵称..." @keyup="set_yan"
                            @blur="set_yan"></mu-text-field>
                    </mu-form-item>
                    <mu-form-item label="验证码" prop="yan" :rules="yan">
                        <mu-text-field v-model="validateForm.yan" placeholder="请输入验证码..." prop="yan"></mu-text-field>
                    </mu-form-item>
                    <mu-form-item>
                        <mu-button color="primary" @click="submit">提交</mu-button>
                        <mu-button @click="get_yan" :disabled="yan_diabled" id="btns">{{yan_text}}</mu-button>
                    </mu-form-item>
                </mu-form>
            </mu-container>
            <!-- 提示内容 -->
            <mu-container v-if="openAlert">
                <mu-dialog v-if="openAlert" title="确定订阅吗?" width="600" max-width="80%" :esc-press-close="false"
                    :overlay-close="false" :open.sync="openAlert">
                    如果订阅请把【aijiumai.cn】添加到你邮箱的白名单内，避免发垃圾机制误判。
                    <mu-button slot="actions" flat color="primary" @click="closeAlertDialog">取消</mu-button>
                    <mu-button slot="actions" flat color="primary" @click="suss">确定</mu-button>
                </mu-dialog>
            </mu-container>
            <!-- 提示内容 -->
            <!-- 提示消息 -->
            <mu-container v-if="openSimple">
                <mu-dialog v-if="openSimple" title="温馨提示" width="360" :open.sync="openSimple">
                    {{msg}}
                    <mu-button slot="actions" flat color="primary" @click="closeSimpleDialog">知道了</mu-button>
                </mu-dialog>
            </mu-container>
            <!-- 提示消息 -->
        </div>
    </div>
</body>
<script src="../common/layer/layer.js"></script>
<script src="../common/m5.js"></script>
<script src="../common/v.js"></script>
<script src="../common/a.js"></script>
<script src="../common/m.js"></script>
<script src="../assets/js/Subscribe.js"></script>

</html>